.gray-border-round-avatar {

}

.gray-border-round-avatar-mid {
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
}

.gray-border-round-avatar-lg {
    box-sizing: border-box;
    width: 88px;
    height: 88px;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
}

.gray-border-round-avatar-s {
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
}

.gray-border-round-avatar-xs {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border: 1px solid #f3f3f3;
    border-radius: 50%;
}